<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta http-equiv="Content-Style-Type" content="text/css">
	<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>G-NiiB免疫力配方</title>
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<script src="js/flexible.min.js"></script>

</head>

<body>
	<div class="navbar">
		<a class="back" href="home.html">﹤返回</a>
		<div class="title">港湾观点</div>
	</div>
	<div class="container hasBar">
		<div class="detail-box product">
			<div class="title">
				标题建议别超10字，超过建议用标点分成不到10字的短句
			</div>
			<div class="content">
				<p>即使正文也不要光顾码字，想想用户有没有耐心一字一句读完。可以试试把要阐述的观点分成几个点阐述，这样用户只需要读完这几个点，对其中不不理解需要详细了解的部分详读即可。</p>
				<img src="images/default.png" alt="">
				<p>即使正文也不要光顾码字，想想用户有没有耐心一字一句读完。可以试试把要阐述的观点分成几个点阐述，这样用户只需要读完这几个点，对其中不不理解需要详细了解的部分详读即可。</p>
				<img src="images/default.png" alt="">
				<p>即使正文也不要光顾码字，想想用户有没有耐心一字一句读完。可以试试把要阐述的观点分成几个点阐述，这样用户只需要读完这几个点，对其中不不理解需要详细了解的部分详读即可。</p>
				<img src="images/default.png" alt="">
				<p>即使正文也不要光顾码字，想想用户有没有耐心一字一句读完。可以试试把要阐述的观点分成几个点阐述，这样用户只需要读完这几个点，对其中不不理解需要详细了解的部分详读即可。</p>
			</div>
		</div>
	</div>
	<a href="#" class="btn-buy">全城最低价￥<span>399</span> | 立即订购</a>

	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var swiper = new Swiper('.swiper-container', {
			pagination: '.swiper-pagination',
			slidesPerView: '1.2',
			paginationClickable: true,
			spaceBetween: 10
		});
		$(function () {
			$('#more1').click(function(){
				$('#product1').removeClass('showThree')
			})
			$('#hide1').click(function(){
				$('#product1').addClass('showThree')
			})
			$('#more2').click(function(){
				$('#product2').removeClass('showThree')
			})
			$('#hide2').click(function(){
				$('#product2').addClass('showThree')
			})
		})
	</script>
</body>

</html>